<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>Data-Table 表格</title>
    <link rel="stylesheet" href="../../frame/layui/css/layui.css">
    <link rel="stylesheet" href="../../frame/static/css/style.css">
    <link rel="stylesheet" href="../../css/common.css">
    <link rel="stylesheet" href="../../css/message/list.css">
    <style>
        .fr{
            position: absolute;
            left: 100px;
            width: 500px;
        }
        #searchtype{
            width: 100px;
            height: 38px;
            position: relative;
            top:2px
        }
        td{
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }
    </style>
</head>
<body class="body">
<!-- 工具集 -->
<div class="my-btn-box">
    <span class="fl">
        <a class="layui-btn btn-add btn-default" id="btn-refresh" onclick="location.reload()"><i class="layui-icon">&#x1002;</i></a>
    </span>
    <!--<span class="fr">-->
    <!--<span class="layui-form-label">搜索条件：</span>-->
    <!--<div class="layui-input-inline" >-->
    <!--<input type="text" autocomplete="off" value="" placeholder="输入消息内容"  class="layui-input search" name="content">-->
    <!--</div>-->
    <!--<span>-->
        <!--<select id="searchtype" name="type">-->
            <!--<option value="">全部</option>-->
            <!--<option value="1">自定义模板</option>-->
            <!--<option value="9999">固定模板</option>-->
        <!--</select>-->
    <!--</span>-->
    <!--<a class="layui-btn mgl-20" id="search">查询</a>-->
    <!--</span>-->
</div>

<!-- 表格 -->
<div class="dateTable">
    <div class="table-title">
        <div style="width: 10%">标题</div>
        <div style="width: 55%">模板内容</div>
        <div style="width: 15%">描述</div>
        <div style="width: 15%">操作</div>
    </div>
    <table class="data-table" id="data-table">
    </table>
    <div id="pagebox" style="position: relative;z-index: -1">

    </div>
</div>

<script src="../../js/public/jquery-3.1.1.min.js"></script>
<script src="../../js/layer/layer.js"></script>
<script src="../../js/public/common.js"></script>
<script src="../../js/message/model.js"></script>
</body>
</html>